<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MemberDetail.aspx.cs" Inherits="MemberDetail" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>NeueAdmin II - Marketing Dashboard</title>

<link rel="stylesheet" media="screen" href="css/reset.css" />
<link rel="stylesheet" media="screen" href="css/grid.css" />
<link rel="stylesheet" media="screen" href="css/style.css" />
<link rel="stylesheet" media="screen" href="css/messages.css" />
<link rel="stylesheet" media="screen" href="css/forms.css" />
<link rel="stylesheet" media="screen" href="css/tables.css" />

<!--[if lt IE 8]>
<link rel="stylesheet" media="screen" href="css/ie.css" />
<![endif]-->

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/PIE.js"></script>
<script type="text/javascript" src="js/IE9.js"></script>
<script type="text/javascript" src="js/excanvas.js"></script>
<![endif]-->

<!-- jquerytools -->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.ui.min.js"></script>
<script type="text/javascript" src="js/jquery.tables.js"></script>
<script type="text/javascript" src="js/jquery.flot.js"></script>

<script type="text/javascript" src="js/global.js"></script>

<!-- THIS SHOULD COME LAST -->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/ie.js"></script>
<![endif]-->

</head>
<body>
<div id="wrapper">
        <header>
            <div class="clearfix">
                <nav>
                    <ul class="clearfix">
                        <li class="active"><a href="Home.aspx">Home</a></li>
                        <li><a href="#" class="arrow-down">Module</a>
                            <ul>
                                <li><a href="#">Member</a></li>
                                <li><a href="#">Product</a></li>
                                <li><a href="#">News</a></li>
                                <li><a href="#">All Thing Dog</a></li>
                                <li><a href="#">Puppy</a></li>
                                <li><a href="#">Campaign</a></li>
                                <li><a href="#">Contact Us</a></li>
                            </ul>
                        </li>
                        <li class="fr"><a href="#" class="arrow-down">administrator</a>
                            <ul>
                                <li><asp:HyperLink ID="hlLogOut" runat="server" NavigateUrl="~/index.aspx">Sign out</asp:HyperLink></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </header>
        <section>
            <div class="container_8 clearfix">                

                <!-- Main Section -->

                <section class="main-section grid_8">
                    
                    <!-- Sidebar Section -->
                    <div class="main-content">
                        <header><h2>Member Detail</h2></header>
                        
                        
                        <section class="clearfix">
                            <form class="form">
                                <div class="clearfix">
                                    <label>Email <em>*</em><small>A valid email address</small></label><input type="email" required="required" />
                                </div>
                                <div class="clearfix">
                                    <label>Password<small>max. 30 char.</small></label><input type="password" name="password" maxlength="30" />
                                </div>
                                <div class="clearfix">
                                    <label>Name <em>*</em><small>Enter your name</small></label><input type="text" name="name" required="required" />
                                </div>
                                <div class="clearfix">
                                    <label>Address <small>Enter your address</small></label><input type="url" required="required" />
                                </div>
                                <div class="clearfix">
                                    <label>Tel. <small></small></label><input type="url" required="required" />
                                </div>
                                <hr align="center" width="95%" />                                
                                <div class="clearfix">
                                    <label>[Get Sample] Name <em>*</em><small>Enter your name</small></label><input type="text" name="name" required="required" />
                                </div>                               
                                <div class="clearfix">
                                    <label>[Get Sample] Address <em>*</em><small>Enter your address</small></label><input type="text" name="name" required="required" />
                                </div>
                                <div class="clearfix">
                                    <label>[Get Sample] Tel. <small></small></label><input type="url" required="required" />
                                </div>
                                <div class="action clearfix">
                                    <button class="button button-gray" type="submit"><span class="accept"></span>OK</button>
                                    <button class="button button-gray" type="reset">Reset</button>
                                </div>
                            </form>
                        </section>
                       
                    </div>
                    <!-- End Sidebar Section -->
                    
                </section>

                <!-- Main Section End -->

            </div>
        </section>
    </div>
    
<script>
$(function () {
    /**
     * Modal Dialog Boxes Setup
     */

    var triggers = $(".modalInput").overlay({

        // some mask tweaks suitable for modal dialogs
        mask: {
            color: '#000',
            loadSpeed: 200,
            opacity: 0.5
        },

        closeOnClick: false
    });

    /* Simple Modal Box */
    var buttons1 = $("#simpledialog button").click(function(e) {
	
        // get user input
        var yes = buttons1.index(this) === 0;

        if (yes) {
            // do the processing here
        }
    });

});
</script>
</body>
</html>
